<template>
  <div class="manage-container">
    <ManageHead />
    <div class="manage-content">
      <div class="manage-list">
        <ListTpl title="关注列表" />
        <ListTpl title="报警列表" />
      </div>
      <div class="manage-area">
        <AreaTpl />
      </div>
      <div class="manage-map">
        <MapTpl />
      </div>
      <div class="manage-camera">
        <CameraTpl />
        <CameraListTpl />
      </div>
    </div>
  </div>
</template>
<script setup>
  import ManageHead from './components/head/index.vue';
  import ListTpl from './components/list/index.vue';
  import AreaTpl from './components/area/index.vue';
  import MapTpl from './components/map/index.vue';
  import CameraTpl from './components/camera/index.vue';
  import CameraListTpl from './components/cameraList/index.vue';
</script>

<style lang="less" scoped>
  @import './index.less';
</style>
